<template>
  <div>
    <div class="top"></div>
    <div class="top-bot">
      <img src="../../assets/img/shouye/header-xinpin/back.png"/>
      <span>面部护理</span>
    </div>

    <div class="bot">
      <img src="../../assets/img/fenlei/datu.jpg" alt="">
      <a>加载更多</a>
    </div>
  </div>
</template>
<script>
</script>
<style scoped>
  .top{
    width: 100%;
    height: 1rem;
    background: red;
  }
  .top-bot{
    position: relative;
    width: 100%;
    height: 2rem;
    background: red;
  }
  .top-bot img{
    height: 50%;
    margin: 0.5rem;
  }
  .top-bot span{
    position: absolute;
    top: 25%;
    left: 40%;
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
  }
  .bot{
    text-align: center;
  }
  .bot img{
    width: 100%;
  }
  .bot a{
    font-size: 0.5rem;

  }
</style>
